<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/nav.css" />
  <link rel="stylesheet" href="css/courses.css" />
  <link rel="stylesheet" href="css/FreeClasses.css" />
  <link rel="stylesheet" href="css/footer.css" />
  <link rel="stylesheet" href="css/login.css" />
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="js/FreeClasses.js"></script>
  <script src="js/ip.js"></script>
  <title>课程展示页面</title>
</head>

<body>
	<div id="loginPopup" class="popup-overlay">
		<div class="popup-content">
			<div class="container">
				<div class="tit">登录</div>
				<input type="text" id="po" placeholder="账号" />
				<input type="password" id="pw" placeholder="密码">
				<button id="login">登录</button>
				<span class="go-register">没有账号？去注册</span>
				<span class="close-popup" data-dismiss="login">×</span> <!-- 关闭按钮 -->
			</div>
		</div>
	</div>
	<div id="registerPopup" class="popup-overlay">
		<div class="popup-content">
			<div class="container">
				<div class="tit">注册</div>
				<input type="text" placeholder="用户名" id="reg_username" />
				<input type="text" placeholder="手机号" id="reg_phone" />
				<input type="password" placeholder="设置密码" id="reg_password">
				<input type="password" placeholder="确认密码" id="reg_confirm_password">
				<button id="register">注册</button>
				<span class="go-login">已有账号？去登录</span>
				<span class="close-popup" data-dismiss="register">×</span> <!-- 关闭按钮 -->
			</div>
		</div>
	</div>
	
	
	
	
	<nav class="nav">
	
	
	
		<div class="ndiv">
			<ul>
				<a href="index.html" class="logo">
					<img src="img/ZXlogo.png" alt="">
					卓越在线首页
				</a>
			</ul>
			<ul>
				<li><a href="FreeClasses.html" class="fcolor">免费课</a></li>
				<li><a href="PracticalClasses.html" class="fcolor">实战课</a></li>
				<li><a href="SystematicCourses.html" class="fcolor">体系课</a></li>
	
				<li class="shangyehezuo">商业合作
					<div class="syhz">
						<p><a href="enterpriseServices.html">企业服务</a></p>
						<p><a href="teacherSettled.html">讲师入住</a></p>
					</div>
				</li>
				<li><a href="teacherlogin.html">教师系统</a></li>
			</ul>
			<ul class="rig">
				<input type="text" placeholder="请输入关键字">
				<button class="search">🔎搜索</button>
				<a href="shoppingcart.html">
					<img src="img/购物车.png" alt="" class="gwc">
				</a>
	
				<span>登录</span>&nbsp;<span>注册</span>
				<span class="dlxx">
					<a href="" class="xxtz"><img src="img/XXTZ.png" alt="" /></a>
					<a href="personalhomepage.html" class="grzy">
						<img src="img/SZK.png" alt="" />
					</a>
					<span id="tcdl">退出</span>
				</span>
			</ul>
		</div>
		</div>
	</nav>
  <h1 class="h1">
    <img src="img/QBKC.png" alt="" />全部课程<span>畅学海量精品课程</span>
  </h1>
  <div class="caidan">
    <ul>
      <h3>方向：</h3>
      <ul id="directionMenu">
        <!-- 方向菜单将通过JavaScript动态生成 -->
      </ul>
    </ul>
    <ul>
      <h3>分类：</h3>
      <ul id="categoryMenu">
        <!-- 分类菜单将通过JavaScript动态生成 -->
      </ul>
    </ul>
    
  </div>
  <div class="kecheng">
    <div class="newGoodClass" id="newGoodClass">
      <div class="newGoodClass_1">
        <div class="goodClassButtom">
          <div id="front-end-1" class="tab-content-1" style="display: block;">
            <ul></ul>
          </div>
          <div id="back-end-1" class="tab-content-1">
            <ul></ul>
          </div>
          <div id="mobile-1" class="tab-content-1">
            <ul></ul>
          </div>
          <div id="computer-basic-1" class="tab-content-1">
            <ul></ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  
  <footer class="footer">
  	<ul>
  		<li><a href="">企业服务</a></li>
  		<li><a href="">网站地图</a></li>
  		<li><a href="">关于我们</a></li>
  		<li><a href="">联系我们</a></li>
  		<li><a href="">讲师招募</a></li>
  		<li><a href="">帮助中心</a></li>
  		<li><a href="">意见反馈</a></li>
  		<li><a href="">企业服务</a></li>
  	</ul>
  </footer>
  <script src="js/login.js"></script>
  <script>
	  
	  
	  
  </script>
</body>

</html>